{% load i18n %}
{% load django_bootstrap5 %}
{% load icons %}

<div class="btn-group float-end">
    <button data-bs-toggle="dropdown" type="button" class="btn" aria-expanded="false">{% icon "plus" %}</button>

    <div class="dropdown-menu dropdown-menu-end" style="position: absolute; inset: 0px 0px auto auto; margin: 0px; transform: translate(0px, 38px);" data-popper-placement="bottom-end">
        <a class="dropdown-item" href="{% url 'add_socket_host' %}">
            {% trans "Local" %}
        </a>
        <div role="separator" class="dropdown-divider"></div>
        <a class="dropdown-item" href="{% url 'add_tcp_host' %}">
            {% trans "TCP" %}
        </a>
        <a class="dropdown-item" href="{% url 'add_ssh_host' %}">
            {% trans "SSH" %}
          </a>
          <a class="dropdown-item" href="{% url 'add_tls_host' %}">
            {% trans "TLS" %}
          </a>
      </div>
</div>